<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j">
    <style>
    .pic {
        margin-bottom: -4px;
        margin-right: 2px;
    }
    </style>
    <body>
        <ui:composition template="./template.xhtml">
            <ui:param name="titulo" value="Control de Acceso" />

            <ui:define name="body">
                    <h:form>
                        <rich:toolBar>
                            <rich:menuItem submitMode="none" onclick="peliculas()">
                                    <h:outputText value="Home"></h:outputText>
                            </rich:menuItem>
                            <rich:menuItem submitMode="none" onclick="peliculas()">
                                    <h:outputText value="Salir"></h:outputText>
                            </rich:menuItem>
                        </rich:toolBar>
                    </h:form>
                    <center>
                         <p><h:graphicImage value="/images/peliculas.png" onclick="peliculas()" styleClass="icon" /></p>
                         <p><h:graphicImage value="/images/series.png" onclick="series()" styleClass="icon" /></p>
                         <p><h:graphicImage value="/images/noticias.png" onclick="noticias()" styleClass="icon" /></p>
                         <p><h:graphicImage value="/images/juegos.png" onclick="juegos()" styleClass="icon" /></p>
                         <p><h:graphicImage value="/images/videosmusicales.png" onclick="videosmusicales()" styleClass="icon" /></p>
                     </center>
                    <a4j:form>
                        <a4j:jsFunction name="peliculas" action="#{OpcionesKidsBean.peliculas}" reRender="stpEdicion"  />
                        <a4j:jsFunction name="series" action="#{OpcionesKidsBean.series}" reRender="stpEdicion"  />
                        <a4j:jsFunction name="noticias" action="#{OpcionesKidsBean.noticias}" reRender="stpEdicion"  />
                        <a4j:jsFunction name="juegos" action="#{OpcionesKidsBean.juegos}" reRender="stpEdicion"  />
                        <a4j:jsFunction name="videosmusicales" action="#{OpcionesKidsBean.videos}" reRender="stpEdicion"  />
                    </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
